@import './modules/base.scss';
@import './modules/nav.scss';
@import './modules/login-reg.scss';
@import './modules/foot.scss';
.nav,
.banner,
.main,
.link,
.foot {
    width: 100%;
}

.content {
    height: 100%;
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

#FOREVER {
    width: 100%;
    .banner {
        height: 550px;
        margin-top: 50px;
        // .autoplay-imgbox {
        //     .swiper-slide {
        //         height: 550px;
        //         img {
        //             left: 50%;
        //             // position: absolute;
        //             transform: translateX(-50%);
        //         }
        //     }
        // }
    }
    .main {
        .main-brand {
            overflow: hidden;
            height: 215px;
            margin-top: 68px;
            position: relative;
            img {
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
            }
            .brand_des {
                line-height: 24px;
                position: absolute;
                top: 40px;
                z-index: 1;
                text-align: center;
                color: #fff;
                width: 100%;
                font-family: simsun;
                h1 {
                    font-size: 32px;
                }
                >span {
                    font-size: 10px;
                    color: #919197;
                    line-height: 30px;
                    letter-spacing: 2px;
                }
                >p {
                    font-size: 12px;
                }
                >a {
                    display: inline-block;
                    margin-top: 16px;
                    padding: 4px 20px;
                    border: 1px solid #fff;
                    color: #fff;
                    font-size: 12px;
                }
            }
        }
        .main-gift {
            background-color: #f5f5f5;
            margin-top: 35px;
            font-family: simsun;
            .item-gift {
                display: flex;
                justify-content: space-between;
                >li {
                    text-align: center;
                    >a {
                        display: block;
                        >img {
                            width: 350px;
                        }
                    }
                    >h2 {
                        font-size: 26px;
                        margin-top: 30px;
                        font-weight: 600;
                    }
                    >span {
                        font-size: 8px;
                        color: #a0a0a1;
                    }
                    >p {
                        color: #757577;
                        font-size: 12px;
                        line-height: 40px;
                    }
                }
            }
        }
        .main-classsort {
            margin: 80px auto;
            >ul {
                display: flex;
                justify-content: space-between;
                li {
                    a {
                        text-align: center;
                        display: block;
                        background-color: #f5f5f5;
                        img {
                            width: 270px;
                            background-color: rgb(165, 168, 177);
                        }
                        >h3 {
                            line-height: 90px;
                        }
                    }
                }
            }
        }
        .series_txt,
        .right,
        .series_fc_txt {
            background-color: #f5f5f5;
            >h3 {
                font-size: 20px;
            }
            >p {
                margin: 20px 0;
            }
            >a {
                width: 100px;
                padding: 3px 20px;
                border: 1px solid #000;
                margin: 0 auto;
                &:hover {
                    background-color: black;
                    color: white;
                }
            }
        }
        .main-series {
            .series {
                margin-bottom: 40px;
            }
            .series_dol {
                height: 550px;
                width: 100%;
                position: relative;
                a {
                    display: block;
                    img {
                        width: 100%;
                    }
                }
                .series_txt {
                    position: absolute;
                    left: 170px;
                    top: 180px;
                    text-align: center;
                }
            }
            .series_yj {
                display: flex;
                .left {
                    width: 820px;
                    a {
                        display: block;
                        img {
                            width: 100%;
                        }
                    }
                }
                .right {
                    flex: 1;
                    text-align: center;
                    padding-top: 110px;
                }
            }
            .series_fc {
                display: flex;
                justify-content: space-between;
                li {
                    a {
                        display: block;
                        img {
                            width: 545px;
                        }
                    }
                    .series_fc_txt {
                        padding: 20px 0;
                        text-align: center;
                    }
                }
            }
        }
        .main-store {
            text-align: center;
            .store_title {
                height: 70px;
                text-align: center;
                h2 {
                    font-size: 26px;
                }
                p {
                    font-size: 12px;
                    color: #a3a3a3;
                    line-height: 26px;
                }
            }
            .store {
                display: flex;
                justify-content: space-between;
                li {
                    img {
                        width: 540px;
                    }
                    .series_fc_txt {
                        padding: 20px 0;
                        text-align: center;
                        h3 {
                            font-size: 16px;
                            line-height: 30px;
                        }
                    }
                }
            }
            a {
                display: inline-block;
                padding: 8px 30px;
                background: #000;
                color: #fff;
                margin: 30px 0 70px 0;
            }
        }
    }
    .link {
        background-color: #151518;
        padding-left: 30px;
        .site_link {
            display: flex;
            li {
                line-height: 50px;
                color: #666;
                margin-right: 10px;
                a {
                    color: #666;
                    font-size: 12px;
                }
            }
        }
    }
}